@CHARSET "UTF-8";
* {
	margin:0;
	padding:0;
}
body{
	font-family: Arial;
	font-size: 80%;
}
img{border:none;}
a{text-decoration: none;}
a:HOVER{text-decoration: underline;}
.clear{clear: both;}
#wrapper{width:100%;min-width: 1000px;}
#header{overflow: visible;background: #E3EDF9;height: 60px;border-bottom: 3px solid #ADCEF9;}
#header img.logo{margin:1px 10px;float: left;}
#header .info{display: inline;float: left;width:50%;padding: 20px;color: #3254C8;font-weight: bold;font-size: 15px; }
#header .info span.version{font-size: 16px;color: red;}
#header .user-info{display: inline;float: right;min-width:200px;position: relative;margin: 10px;padding:8px; border-radius:5px;background:#3254D9;cursor: pointer;}
#header .user-info span{font-weight: bold;color: #fff;background: url("../image/configa.png") left 2px no-repeat transparent;padding:5px 5px 5px 35px; }
#header .user-info:hover span{background: url("../image/configb.png") left 2px no-repeat transparent;}
#header .user-info .manager{position: absolute;top: 32px;left: 5px;padding: 5px;display: none;background: #e9eff6;border-radius:0 0 5px 5px;}
#header .user-info:hover .manager{display: block;}
#header .user-info .manager a{display: block;z-index: 10;margin: 5px;padding: 3px 3px 3px 25px;}
#header .user-info .manager a.uinfo{background: url("../image/info.png") left 5px no-repeat transparent;}
#header .user-info .manager a.upass{background: url("../image/changpass.png") left 5px no-repeat transparent;}
#header .user-info .manager a.ulogout{background: url("../image/logout.png") left 5px no-repeat transparent;}
#header .user-info .manager a.uprev{background: url("../image/preview2.png") left 5px no-repeat transparent;}
#header .preview{float: right:}
#main{overflow: hidden;}
#main .left{width:17%;float: left;display: inline;margin:0;background: #E3EDF9;}
#main .content{width:83%;float: left;display: inline;margin: 0;}
/*        left menu          */
* { margin: 0; padding: 0;}
#leftmenu {  width: 100%;  margin:auto; }
#leftmenu ul{list-style: none;}
#leftmenu ul>li{margin: 4px;border-radius:8px;}
#leftmenu ul>li>ul.sub{display: none;}
#leftmenu ul>li>div.title{background: url("../image/bg_menu_left.png") right top no-repeat transparent;padding: 6px;height: 18px;font-weight: bold;color: #C90202;cursor: pointer;}
#leftmenu ul>li.active div.title{background: url("../image/bg_menu_left.png") right bottom no-repeat transparent;}
#leftmenu ul>li.active ul.sub{display: block;}
#leftmenu ul>li.active{border: 1px solid #009344;border-top: none;}
#leftmenu ul>li>ul.sub li{margin: 5px;padding: 2px 2px 2px 15px;background: url("../image/3.png") 3px 5px no-repeat transparent;}
#leftmenu ul>li>ul.sub li a{font-weight: bold;color: #3254D9;}












.user {padding: 50px 20px;text-align: center;overflow: hidden;border: 1px solid #ddd;min-height: 500px; }
.user .title h3{ color: red;font-size: 40px;font-weight: bold;}
.user .title p {color :red; font-size: 16px;}
.user .nhan img{ width :180px;height : 180px;}




















